<template>
  <div class="app-container">
    <el-form>
      <el-form-item label="单图上传">
        <single-upload v-model="singlePicUrl" />
      </el-form-item>
      <el-form-item label="多图上传">
        <multi-upload v-model="multiPicUrls" />
      </el-form-item>
    </el-form>
  </div>
</template>

<!-- 文件上传组件(单图+多图)示例 -->
<script setup lang="ts">
import SingleUpload from '@/components/Upload/SingleUpload.vue'
import MultiUpload from '@/components/Upload/MultiUpload.vue'

const singlePicUrl = ref('https://gitee.com/iotjh/Picture/raw/master/GitHub/Vue3/gourdBaby.gif')

// 这里放外链图片，防止被删
const multiPicUrls = ref([
  'https://s2.loli.net/2023/05/24/yNsxFC8rLHMZQcK.jpg',
  'https://s2.loli.net/2023/05/24/RuHFMwW4rG5lIqs.jpg',
  'https://s2.loli.net/2023/05/24/ZPiGbcpR91WqInB.jpg',
  'https://s2.loli.net/2023/05/24/e1bcnEq3MFdmlNL.jpg',
  'https://s2.loli.net/2023/05/24/wZTSPj1yDQNcuhU.jpg'
])
</script>
